<template>
  <!-- keep-alive
            :作用缓存功能，它内部的组件不会让销毁
            激活时：activated
            隐藏时: deactivated
            注意点：keep-alive它自己本身不能让销毁,它并不能缓存滚动条的位置
 -->
  <!-- 只希望home页缓存 -->
  <div>
    <keep-alive>
      <!-- 如果当前页面是home页时使用当前的路由出口 -->
      <router-view v-if="$route.meta.keep"></router-view>
    </keep-alive>
    <!-- 如果当前页面非home页时使用当前的路由出口 -->
    <router-view v-if="!$route.meta.keep"></router-view>
  </div>
</template>

<script>
export default {
  created () {
    // console.log(a)
  }
}
</script>

<style></style>
